Testing09 Final Project Nhóm 1

Run info

Project	testing09-finalProject-nhom01
Release	9.87.6
Test Environment	DEV
Execution Start Time	Sun, 01 Mar 2026 08:10:33 GMT
Execution End Time	Sun, 01 Mar 2026 08:13:07 GMT
Total Execution Time	0h 2m 34s 0ms

Global Summary

Chart
20

Status	Tests	Percentage
Passed	15	75%
Failed	5	25%
Timed Out	0	0%
Skipped	0	0%
Interrupted	0	0%

Files Summary

Chart
20

Filename	Tests	Percentage
. authentication.spec.ts	5	25%
. Booking.spec.ts	3	15%
. example.spec.ts	2	10%
. Dangky.spec.ts	1	5%
. Searching.spec.ts	5	25%
. UserProfile.spec.ts	4	20%

Browsers Summary

Chart
20

Browser	Tests	Percentage
. chromium	20	100%

Status by test file

Filename	Tests	Execution Time	Passed	Failed
authentication.spec.ts	5	0h 1m 1s 0ms	4 (80%)	1 (20%)
Booking.spec.ts	3	0h 0m 49s 0ms	3 (100%)	0 (0%)
example.spec.ts	2	0h 0m 5s 0ms	2 (100%)	0 (0%)
Dangky.spec.ts	1	0h 0m 14s 0ms	0 (0%)	1 (100%)
Searching.spec.ts	5	0h 0m 54s 0ms	2 (40%)	3 (60%)
UserProfile.spec.ts	4	0h 1m 5s 0ms	4 (100%)	0 (0%)

Status by browser

Browser	Tests	Execution Time	Passed	Failed	Timed Out	Skipped	Interrupted
chromium	20	0h 2m 32s 0ms	15 (75%)	5 (25%)	0 (0%)	0 (0%)	0 (0%)

Title	Status	File	Browser	Duration
TC04 - Login success with valid credentials	passed	authentication.spec.ts	chromium	0h 0m 24s 754ms
TC05 - Login fail with wrong email (valid format)	passed	authentication.spec.ts	chromium	0h 0m 26s 500ms
TC02 - Register fail when email already exists	passed	authentication.spec.ts	chromium	0h 0m 37s 979ms
TC06 - Logout success after login	passed	authentication.spec.ts	chromium	0h 0m 24s 423ms
Đặt phòng với thông tin hợp lệ (chưa đăng nhập)	passed	Booking.spec.ts	chromium	0h 0m 21s 218ms
TC03 - Register fail when password is weak	failed	authentication.spec.ts	chromium	0h 1m 0s 290ms
has title	passed	example.spec.ts	chromium	0h 0m 2s 349ms
get started link	passed	example.spec.ts	chromium	0h 0m 2s 86ms
Dang ky tai khoan moi	failed	Dangky.spec.ts	chromium	0h 0m 14s 136ms
Đặt phòng với thông tin hợp lệ (đã đăng nhập)	passed	Booking.spec.ts	chromium	0h 0m 47s 511ms
[TC08] Kiểm tra tìm kiếm theo địa điểm “Hồ Chí Minh tại module Search & Booking	passed	Searching.spec.ts	chromium	0h 0m 6s 618ms
[TC10] Kiểm tra khi lọc kết quả theo ngày check-in/check-out hợp lệ tại module Search & Booking	failed	Searching.spec.ts	chromium	0h 0m 6s 344ms
Kiểm tra thông tin phòng đã đặt	passed	Booking.spec.ts	chromium	0h 0m 36s 924ms
[TC12] Kiểm tra khi mở trang chi tiết phòng từ danh sách kết quả tại module Search & Booking	passed	Searching.spec.ts	chromium	0h 0m 14s 190ms
[TC11] Kiểm tra khi lọc kết quả theo khoảng giá tại module Search & Booking	failed	Searching.spec.ts	chromium	0h 0m 32s 668ms
Kiểm tra thông tin người dùng	passed	UserProfile.spec.ts	chromium	0h 0m 31s 34ms
Cập nhật thông tin người dùng thành công	passed	UserProfile.spec.ts	chromium	0h 0m 29s 649ms
[TC15] Kiểm tra sắp xếp kết quả theo giá/đánh giá hoạt động đúng tại module Search & Booking	failed	Searching.spec.ts	chromium	0h 0m 33s 373ms
Cập nhật thông tin người dùng với field trống	passed	UserProfile.spec.ts	chromium	0h 0m 38s 391ms
Cập nhật thông tin người dùng với không hợp lệ	passed	UserProfile.spec.ts	chromium	0h 0m 34s 583ms
Title	Status	File	Browser	Duration

passed

TC04 - Login success with valid credentials

Filename	authentication.spec.ts
Browser	chromium
Execution Start Time	Sun, 01 Mar 2026 08:10:35 GMT
Total Execution Time	0h 0m 24s 754ms

    async goto(timeout: number = 600000): Promise<void> {
        await this.page.goto('https://demo5.cybersoft.edu.vn', {timeout})
    }

        }
        await this.page.waitForTimeout(2000)
    }

   async clickUserMenu(): Promise<void> {
  await this.page.waitForLoadState('domcontentloaded');

  } else {
    await this.userMenuButton.waitFor({ state: 'visible', timeout: 15000 });
    await this.userMenuButton.click();

    await this.userMenuButton.waitFor({ state: 'visible', timeout: 15000 });
    await this.userMenuButton.click();
  }


  await dropdown.waitFor({ state: 'visible', timeout: 8000 });
}

        if(await locator.isVisible()) {
            await locator.waitFor({state: 'visible', timeout: 2000})
            await locator.highlight()

            await locator.highlight() 
            await locator.evaluate(element => {
                element.style.border = '4px solid red';

        }
        await this.page.waitForTimeout(2000)
    }

    async clickDangNhapButton(): Promise<void>{
        await this.dangNhapButton.waitFor({state: 'visible', timeout: 6000})
        await this.dangNhapButton.click()

        await this.dangNhapButton.waitFor({state: 'visible', timeout: 6000})
        await this.dangNhapButton.click()
        await this.page.waitForTimeout(2000);

        await this.dangNhapButton.click()
        await this.page.waitForTimeout(2000);
    }

    async waitForModal(timeout: number = 60000): Promise<void>{
        await this.modal.waitFor({state:'visible', timeout})
    }

        if(await locator.isVisible()) {
            await locator.waitFor({state: 'visible', timeout: 2000})
            await locator.highlight()

            await locator.highlight() 
            await locator.evaluate(element => {
                element.style.border = '4px solid red';

        }
        await this.page.waitForTimeout(2000)
    }

        if(await locator.isVisible()) {
            await locator.waitFor({state: 'visible', timeout: 2000})
            await locator.highlight()

            await locator.highlight() 
            await locator.evaluate(element => {
                element.style.border = '4px solid red';

        }
        await this.page.waitForTimeout(2000)
    }

        if(await locator.isVisible()) {
            await locator.waitFor({state: 'visible', timeout: 2000})
            await locator.highlight()

            await locator.highlight() 
            await locator.evaluate(element => {
                element.style.border = '4px solid red';

        }
        await this.page.waitForTimeout(2000)
    }

    async waitForModal(timeout: number = 60000): Promise<void>{
        await this.modal.waitFor({state:'visible', timeout})
    }

    async fillEmail(email: string): Promise<void>{
        await this.emailInput.fill(email)
        await this.page.waitForTimeout(1000)

        await this.emailInput.fill(email)
        await this.page.waitForTimeout(1000)
    }

    async fillPassword(password: string): Promise<void>{
        await this.passwordInput.fill(password)
        await this.page.waitForTimeout(1000)

        await this.passwordInput.fill(password)
        await this.page.waitForTimeout(1000)
    }

    async clickLoginButton(): Promise<void>{
        await this.loginButton.click()
        await this.page.waitForTimeout(3000)

        await this.loginButton.click()
        await this.page.waitForTimeout(3000)
    }

  const toast = page.locator('.ant-message-notice-content, .ant-notification-notice-message');
  await expect(toast.first()).toBeVisible({ timeout: 8000 });
  await expect(toast.first()).toContainText(text);

  await expect(toast.first()).toBeVisible({ timeout: 8000 });
  await expect(toast.first()).toContainText(text);
}

passed

TC05 - Login fail with wrong email (valid format)

Filename	authentication.spec.ts
Browser	chromium
Execution Start Time	Sun, 01 Mar 2026 08:10:35 GMT
Total Execution Time	0h 0m 26s 500ms

    async goto(timeout: number = 600000): Promise<void> {
        await this.page.goto('https://demo5.cybersoft.edu.vn', {timeout})
    }

        }
        await this.page.waitForTimeout(2000)
    }

   async clickUserMenu(): Promise<void> {
  await this.page.waitForLoadState('domcontentloaded');

  } else {
    await this.userMenuButton.waitFor({ state: 'visible', timeout: 15000 });
    await this.userMenuButton.click();

    await this.userMenuButton.waitFor({ state: 'visible', timeout: 15000 });
    await this.userMenuButton.click();
  }


  await dropdown.waitFor({ state: 'visible', timeout: 8000 });
}

        if(await locator.isVisible()) {
            await locator.waitFor({state: 'visible', timeout: 2000})
            await locator.highlight()

            await locator.highlight() 
            await locator.evaluate(element => {
                element.style.border = '4px solid red';

        }
        await this.page.waitForTimeout(2000)
    }

    async clickDangNhapButton(): Promise<void>{
        await this.dangNhapButton.waitFor({state: 'visible', timeout: 6000})
        await this.dangNhapButton.click()

        await this.dangNhapButton.waitFor({state: 'visible', timeout: 6000})
        await this.dangNhapButton.click()
        await this.page.waitForTimeout(2000);

        await this.dangNhapButton.click()
        await this.page.waitForTimeout(2000);
    }

    async waitForModal(timeout: number = 60000): Promise<void>{
        await this.modal.waitFor({state:'visible', timeout})
    }

        if(await locator.isVisible()) {
            await locator.waitFor({state: 'visible', timeout: 2000})
            await locator.highlight()

            await locator.highlight() 
            await locator.evaluate(element => {
                element.style.border = '4px solid red';

        }
        await this.page.waitForTimeout(2000)
    }

        if(await locator.isVisible()) {
            await locator.waitFor({state: 'visible', timeout: 2000})
            await locator.highlight()

            await locator.highlight() 
            await locator.evaluate(element => {
                element.style.border = '4px solid red';

        }
        await this.page.waitForTimeout(2000)
    }

        if(await locator.isVisible()) {
            await locator.waitFor({state: 'visible', timeout: 2000})
            await locator.highlight()

            await locator.highlight() 
            await locator.evaluate(element => {
                element.style.border = '4px solid red';

        }
        await this.page.waitForTimeout(2000)
    }

    async waitForModal(timeout: number = 60000): Promise<void>{
        await this.modal.waitFor({state:'visible', timeout})
    }

    async fillEmail(email: string): Promise<void>{
        await this.emailInput.fill(email)
        await this.page.waitForTimeout(1000)

        await this.emailInput.fill(email)
        await this.page.waitForTimeout(1000)
    }

    async fillPassword(password: string): Promise<void>{
        await this.passwordInput.fill(password)
        await this.page.waitForTimeout(1000)

        await this.passwordInput.fill(password)
        await this.page.waitForTimeout(1000)
    }

    async clickLoginButton(): Promise<void>{
        await this.loginButton.click()
        await this.page.waitForTimeout(3000)

        await this.loginButton.click()
        await this.page.waitForTimeout(3000)
    }


  await expect(inlineMsg.or(toastMsg).first()).toBeVisible({ timeout: 8000 });
}

  await login.expectMessageContains(/Email hoặc mật khẩu không đúng/i);
  await expect(login.modal).toBeVisible();
});

passed

TC02 - Register fail when email already exists

Filename	authentication.spec.ts
Browser	chromium
Execution Start Time	Sun, 01 Mar 2026 08:10:35 GMT
Total Execution Time	0h 0m 37s 979ms

    async goto(timeout: number = 600000): Promise<void> {
        await this.page.goto('https://demo5.cybersoft.edu.vn', {timeout})
    }

        }
        await this.page.waitForTimeout(2000)
    }

   async clickUserMenu(): Promise<void> {
  await this.page.waitForLoadState('domcontentloaded');

  } else {
    await this.userMenuButton.waitFor({ state: 'visible', timeout: 15000 });
    await this.userMenuButton.click();

    await this.userMenuButton.waitFor({ state: 'visible', timeout: 15000 });
    await this.userMenuButton.click();
  }


  await dropdown.waitFor({ state: 'visible', timeout: 8000 });
}

        if(await locator.isVisible()) {
            await locator.waitFor({state: 'visible', timeout: 2000})
            await locator.highlight()

            await locator.highlight() 
            await locator.evaluate(element => {
                element.style.border = '4px solid red';

        }
        await this.page.waitForTimeout(2000)
    }

    async clickDangKyButton(): Promise<void>{
        await this.dangKyButton.waitFor({state: 'visible', timeout: 6000})
        await this.dangKyButton.click()

        await this.dangKyButton.waitFor({state: 'visible', timeout: 6000})
        await this.dangKyButton.click()
        await this.page.waitForTimeout(2000);

        await this.dangKyButton.click()
        await this.page.waitForTimeout(2000);
    }

    async waitForModal(timeout: number = 60000): Promise<void>{
        await this.modal.waitFor({state:'visible', timeout})
    }

        if(await locator.isVisible()) {
            await locator.waitFor({state: 'visible', timeout: 2000})
            await locator.highlight()

            await locator.highlight() 
            await locator.evaluate(element => {
                element.style.border = '4px solid red';

        }
        await this.page.waitForTimeout(2000)
    }

        if(await locator.isVisible()) {
            await locator.waitFor({state: 'visible', timeout: 2000})
            await locator.highlight()

            await locator.highlight() 
            await locator.evaluate(element => {
                element.style.border = '4px solid red';

        }
        await this.page.waitForTimeout(2000)
    }

        if(await locator.isVisible()) {
            await locator.waitFor({state: 'visible', timeout: 2000})
            await locator.highlight()

            await locator.highlight() 
            await locator.evaluate(element => {
                element.style.border = '4px solid red';

        }
        await this.page.waitForTimeout(2000)
    }

        if(await locator.isVisible()) {
            await locator.waitFor({state: 'visible', timeout: 2000})
            await locator.highlight()

            await locator.highlight() 
            await locator.evaluate(element => {
                element.style.border = '4px solid red';

        }
        await this.page.waitForTimeout(2000)
    }

        if(await locator.isVisible()) {
            await locator.waitFor({state: 'visible', timeout: 2000})
            await locator.highlight()

            await locator.highlight() 
            await locator.evaluate(element => {
                element.style.border = '4px solid red';

        }
        await this.page.waitForTimeout(2000)
    }

        if(await locator.isVisible()) {
            await locator.waitFor({state: 'visible', timeout: 2000})
            await locator.highlight()

            await locator.highlight() 
            await locator.evaluate(element => {
                element.style.border = '4px solid red';

        }
        await this.page.waitForTimeout(2000)
    }

        if(await locator.isVisible()) {
            await locator.waitFor({state: 'visible', timeout: 2000})
            await locator.highlight()

            await locator.highlight() 
            await locator.evaluate(element => {
                element.style.border = '4px solid red';

        }
        await this.page.waitForTimeout(2000)
    }

    async waitForModal(timeout: number = 60000): Promise<void>{
        await this.modal.waitFor({state:'visible', timeout})
    }

    async fillName(name: string): Promise<void>{
        await this.nameInput.fill(name)
        await this.page.waitForTimeout(1000)

        await this.nameInput.fill(name)
        await this.page.waitForTimeout(1000)
    }

    async fillEmail(email: string): Promise<void>{
        await this.emailInput.fill(email)
        await this.page.waitForTimeout(1000)

        await this.emailInput.fill(email)
        await this.page.waitForTimeout(1000)
    }

    async fillPassword(password: string): Promise<void>{
        await this.passwordInput.fill(password)
        await this.page.waitForTimeout(1000)

        await this.passwordInput.fill(password)
        await this.page.waitForTimeout(1000)
    }

    async fillPhone(phone: string): Promise<void>{
        await this.phoneInput.fill(phone)
        await this.page.waitForTimeout(1000)

        await this.phoneInput.fill(phone)
        await this.page.waitForTimeout(1000)
    }

    await this.fillPhone(data.phone);
    await this.birthdayInput.click()
    await this.birthdayInput.fill("04/03/2000")

    await this.birthdayInput.click()
    await this.birthdayInput.fill("04/03/2000")
    await this.page.waitForTimeout(1000)

    await this.birthdayInput.fill("04/03/2000")
    await this.page.waitForTimeout(1000)
    if (data.selectGender) await this.selectGender();

    async selectGender(): Promise<void>{
        await this.genderInput.click()
        await this.page.waitForTimeout(500)

        await this.genderInput.click()
        await this.page.waitForTimeout(500)

        const genderOptions = this.page.locator(".ant-select-item")
        await genderOptions.nth(1).click() // chon nam
        await this.page.waitForTimeout(1000)

        await genderOptions.nth(1).click() // chon nam
        await this.page.waitForTimeout(1000)

    if (data.selectGender) await this.selectGender();
    await this.page.waitForTimeout(1000)
    await this.clickSubmit();

    async clickSubmit() {
    await this.submitButton.waitFor({ state: 'visible', timeout: 6000 });
    await this.submitButton.click();

    await this.submitButton.waitFor({ state: 'visible', timeout: 6000 });
    await this.submitButton.click();
    }

     async expectMessageContains(text: string | RegExp) {
    await expect(this.message.first()).toBeVisible({ timeout: 8000 });
    await expect(this.message.first()).toContainText(text);

    await expect(this.message.first()).toBeVisible({ timeout: 8000 });
    await expect(this.message.first()).toContainText(text);
  }

    await register.expectMessageContains(/tồn tại|already exists/i);
    await expect(register.modal).toBeVisible();
  });

passed

TC06 - Logout success after login

Filename	authentication.spec.ts
Browser	chromium
Execution Start Time	Sun, 01 Mar 2026 08:11:00 GMT
Total Execution Time	0h 0m 24s 423ms

    async goto(timeout: number = 600000): Promise<void> {
        await this.page.goto('https://demo5.cybersoft.edu.vn', {timeout})
    }

        }
        await this.page.waitForTimeout(2000)
    }

   async clickUserMenu(): Promise<void> {
  await this.page.waitForLoadState('domcontentloaded');

  } else {
    await this.userMenuButton.waitFor({ state: 'visible', timeout: 15000 });
    await this.userMenuButton.click();

    await this.userMenuButton.waitFor({ state: 'visible', timeout: 15000 });
    await this.userMenuButton.click();
  }


  await dropdown.waitFor({ state: 'visible', timeout: 8000 });
}

        if(await locator.isVisible()) {
            await locator.waitFor({state: 'visible', timeout: 2000})
            await locator.highlight()

            await locator.highlight() 
            await locator.evaluate(element => {
                element.style.border = '4px solid red';

        }
        await this.page.waitForTimeout(2000)
    }

    async clickDangNhapButton(): Promise<void>{
        await this.dangNhapButton.waitFor({state: 'visible', timeout: 6000})
        await this.dangNhapButton.click()

        await this.dangNhapButton.waitFor({state: 'visible', timeout: 6000})
        await this.dangNhapButton.click()
        await this.page.waitForTimeout(2000);

        await this.dangNhapButton.click()
        await this.page.waitForTimeout(2000);
    }

    async waitForModal(timeout: number = 60000): Promise<void>{
        await this.modal.waitFor({state:'visible', timeout})
    }

        if(await locator.isVisible()) {
            await locator.waitFor({state: 'visible', timeout: 2000})
            await locator.highlight()

            await locator.highlight() 
            await locator.evaluate(element => {
                element.style.border = '4px solid red';

        }
        await this.page.waitForTimeout(2000)
    }

        if(await locator.isVisible()) {
            await locator.waitFor({state: 'visible', timeout: 2000})
            await locator.highlight()

            await locator.highlight() 
            await locator.evaluate(element => {
                element.style.border = '4px solid red';

        }
        await this.page.waitForTimeout(2000)
    }

        if(await locator.isVisible()) {
            await locator.waitFor({state: 'visible', timeout: 2000})
            await locator.highlight()

            await locator.highlight() 
            await locator.evaluate(element => {
                element.style.border = '4px solid red';

        }
        await this.page.waitForTimeout(2000)
    }

    async waitForModal(timeout: number = 60000): Promise<void>{
        await this.modal.waitFor({state:'visible', timeout})
    }

    async fillEmail(email: string): Promise<void>{
        await this.emailInput.fill(email)
        await this.page.waitForTimeout(1000)

        await this.emailInput.fill(email)
        await this.page.waitForTimeout(1000)
    }

    async fillPassword(password: string): Promise<void>{
        await this.passwordInput.fill(password)
        await this.page.waitForTimeout(1000)

        await this.passwordInput.fill(password)
        await this.page.waitForTimeout(1000)
    }

    async clickLoginButton(): Promise<void>{
        await this.loginButton.click()
        await this.page.waitForTimeout(3000)

        await this.loginButton.click()
        await this.page.waitForTimeout(3000)
    }

  const toast = page.locator('.ant-message-notice-content, .ant-notification-notice-message');
  await expect(toast.first()).toBeVisible({ timeout: 8000 });
  await expect(toast.first()).toContainText(text);

  await expect(toast.first()).toBeVisible({ timeout: 8000 });
  await expect(toast.first()).toContainText(text);
}

        if(await locator.isVisible()) {
            await locator.waitFor({state: 'visible', timeout: 2000})
            await locator.highlight()

            await locator.highlight() 
            await locator.evaluate(element => {
                element.style.border = '4px solid red';

        }
        await this.page.waitForTimeout(2000)
    }

   async clickUserMenu(): Promise<void> {
  await this.page.waitForLoadState('domcontentloaded');

  if (await this.userProfile.isVisible().catch(() => false)) {
    await this.userProfile.click();
  } else {


  await dropdown.waitFor({ state: 'visible', timeout: 8000 });
}

        if(await locator.isVisible()) {
            await locator.waitFor({state: 'visible', timeout: 2000})
            await locator.highlight()

            await locator.highlight() 
            await locator.evaluate(element => {
                element.style.border = '4px solid red';

        }
        await this.page.waitForTimeout(2000)
    }

   async clickUserMenu(): Promise<void> {
  await this.page.waitForLoadState('domcontentloaded');

    await this.clickUserMenu();
    await this.signOutButton.waitFor({ state: 'visible', timeout: 8000 });
    await this.signOutButton.click();

    await this.signOutButton.waitFor({ state: 'visible', timeout: 8000 });
    await this.signOutButton.click();
  }

  const toast = page.locator('.ant-message-notice-content, .ant-notification-notice-message');
  await expect(toast.first()).toBeVisible({ timeout: 8000 });
  await expect(toast.first()).toContainText(text);

  await expect(toast.first()).toBeVisible({ timeout: 8000 });
  await expect(toast.first()).toContainText(text);
}

passed

Đặt phòng với thông tin hợp lệ (chưa đăng nhập)

Filename	Booking.spec.ts
Browser	chromium
Execution Start Time	Sun, 01 Mar 2026 08:11:13 GMT
Total Execution Time	0h 0m 21s 218ms

    async goto(timeout: number = 600000): Promise<void> {
        await this.page.goto('https://demo5.cybersoft.edu.vn', {timeout})
    }

    async clickHCMLocation(): Promise<void>{
        await this.HCMLocation.scrollIntoViewIfNeeded({timeout: 2000})
        await this.HCMLocation.waitFor({state: 'visible', timeout: 6000})

        await this.HCMLocation.scrollIntoViewIfNeeded({timeout: 2000})
        await this.HCMLocation.waitFor({state: 'visible', timeout: 6000})
        await this.HCMLocation.click()

        await this.HCMLocation.waitFor({state: 'visible', timeout: 6000})
        await this.HCMLocation.click()
        await this.page.waitForTimeout(2000);

        await this.HCMLocation.click()
        await this.page.waitForTimeout(2000);
    }

    async clickHCMRooms(): Promise<void> {
        await this.HCMRooms.waitFor({state: 'visible', timeout: 12000})
        await this.HCMRooms.click()

        await this.HCMRooms.waitFor({state: 'visible', timeout: 12000})
        await this.HCMRooms.click()
        await this.page.waitForTimeout(2000)

        await this.HCMRooms.click()
        await this.page.waitForTimeout(2000)
    }

    async clickDateTimePicker(): Promise<void>{
        await this.dateTimePicker.waitFor({state: 'visible', timeout: 6000})
        await this.dateTimePicker.click()

        await this.dateTimePicker.waitFor({state: 'visible', timeout: 6000})
        await this.dateTimePicker.click()
        await this.page.waitForTimeout(2000)

        await this.dateTimePicker.click()
        await this.page.waitForTimeout(2000)
    }


        await dayLocator.waitFor({state: 'visible', timeout: 6000})
        await dayLocator.click()

        await dayLocator.waitFor({state: 'visible', timeout: 6000})
        await dayLocator.click()
        await this.page.waitForTimeout(2000)

        await dayLocator.click()
        await this.page.waitForTimeout(2000)


        await choosenDayLocator.waitFor({state: 'visible', timeout: 6000})
        await choosenDayLocator.click()

        await choosenDayLocator.waitFor({state: 'visible', timeout: 6000})
        await choosenDayLocator.click()
        await this.page.waitForTimeout(2000)

        await choosenDayLocator.click()
        await this.page.waitForTimeout(2000)


        await this.closeBtnInDate.click()
        await this.page.waitForTimeout(2000)

        await this.closeBtnInDate.click()
        await this.page.waitForTimeout(2000)
    }

    async clickBookingBtn(): Promise<void>{
        await this.bookingBtn.waitFor({state: 'visible', timeout: 6000})
        await this.bookingBtn.click()

        await this.bookingBtn.waitFor({state: 'visible', timeout: 6000})
        await this.bookingBtn.click()
        await this.page.waitForTimeout(2000)

        await this.bookingBtn.click()
        await this.page.waitForTimeout(2000)
    }


        expect(roomDetailPage.bookingFailedNoti).toBeVisible()
    })

failed

TC03 - Register fail when password is weak

Filename	authentication.spec.ts
Browser	chromium
Execution Start Time	Sun, 01 Mar 2026 08:10:35 GMT
Total Execution Time	0h 1m 0s 290ms

    async goto(timeout: number = 600000): Promise<void> {
        await this.page.goto('https://demo5.cybersoft.edu.vn', {timeout})
    }

        }
        await this.page.waitForTimeout(2000)
    }

   async clickUserMenu(): Promise<void> {
  await this.page.waitForLoadState('domcontentloaded');

  } else {
    await this.userMenuButton.waitFor({ state: 'visible', timeout: 15000 });
    await this.userMenuButton.click();

    await this.userMenuButton.waitFor({ state: 'visible', timeout: 15000 });
    await this.userMenuButton.click();
  }


  await dropdown.waitFor({ state: 'visible', timeout: 8000 });
}

        if(await locator.isVisible()) {
            await locator.waitFor({state: 'visible', timeout: 2000})
            await locator.highlight()

            await locator.highlight() 
            await locator.evaluate(element => {
                element.style.border = '4px solid red';

        }
        await this.page.waitForTimeout(2000)
    }

    async clickDangKyButton(): Promise<void>{
        await this.dangKyButton.waitFor({state: 'visible', timeout: 6000})
        await this.dangKyButton.click()

        await this.dangKyButton.waitFor({state: 'visible', timeout: 6000})
        await this.dangKyButton.click()
        await this.page.waitForTimeout(2000);

        await this.dangKyButton.click()
        await this.page.waitForTimeout(2000);
    }

    async waitForModal(timeout: number = 60000): Promise<void>{
        await this.modal.waitFor({state:'visible', timeout})
    }

        if(await locator.isVisible()) {
            await locator.waitFor({state: 'visible', timeout: 2000})
            await locator.highlight()

            await locator.highlight() 
            await locator.evaluate(element => {
                element.style.border = '4px solid red';

        }
        await this.page.waitForTimeout(2000)
    }

        if(await locator.isVisible()) {
            await locator.waitFor({state: 'visible', timeout: 2000})
            await locator.highlight()

            await locator.highlight() 
            await locator.evaluate(element => {
                element.style.border = '4px solid red';

        }
        await this.page.waitForTimeout(2000)
    }

        if(await locator.isVisible()) {
            await locator.waitFor({state: 'visible', timeout: 2000})
            await locator.highlight()

            await locator.highlight() 
            await locator.evaluate(element => {
                element.style.border = '4px solid red';

        }
        await this.page.waitForTimeout(2000)
    }

        if(await locator.isVisible()) {
            await locator.waitFor({state: 'visible', timeout: 2000})
            await locator.highlight()

            await locator.highlight() 
            await locator.evaluate(element => {
                element.style.border = '4px solid red';

        }
        await this.page.waitForTimeout(2000)
    }

    async waitForModal(timeout: number = 60000): Promise<void>{
        await this.modal.waitFor({state:'visible', timeout})
    }

    async fillName(name: string): Promise<void>{
        await this.nameInput.fill(name)
        await this.page.waitForTimeout(1000)

        await this.nameInput.fill(name)
        await this.page.waitForTimeout(1000)
    }

    async fillEmail(email: string): Promise<void>{
        await this.emailInput.fill(email)
        await this.page.waitForTimeout(1000)

        await this.emailInput.fill(email)
        await this.page.waitForTimeout(1000)
    }

    async fillPassword(password: string): Promise<void>{
        await this.passwordInput.fill(password)
        await this.page.waitForTimeout(1000)

        await this.passwordInput.fill(password)
        await this.page.waitForTimeout(1000)
    }

    async fillPhone(phone: string): Promise<void>{
        await this.phoneInput.fill(phone)
        await this.page.waitForTimeout(1000)

        await this.phoneInput.fill(phone)
        await this.page.waitForTimeout(1000)
    }

    await this.fillPhone(data.phone);
    await this.birthdayInput.click()
    await this.birthdayInput.fill("04/03/2000")

    await this.birthdayInput.click()
    await this.birthdayInput.fill("04/03/2000")
    await this.page.waitForTimeout(1000)

    await this.birthdayInput.fill("04/03/2000")
    await this.page.waitForTimeout(1000)
    if (data.selectGender) await this.selectGender();

    async selectGender(): Promise<void>{
        await this.genderInput.click()
        await this.page.waitForTimeout(500)

        await this.genderInput.click()
        await this.page.waitForTimeout(500)

        const genderOptions = this.page.locator(".ant-select-item")
        await genderOptions.nth(1).click() // chon nam
        await this.page.waitForTimeout(1000)

        await genderOptions.nth(1).click() // chon nam
        await this.page.waitForTimeout(1000)

    if (data.selectGender) await this.selectGender();
    await this.page.waitForTimeout(1000)
    await this.clickSubmit();

    async clickSubmit() {
    await this.submitButton.waitFor({ state: 'visible', timeout: 6000 });
    await this.submitButton.click();

    await this.submitButton.waitFor({ state: 'visible', timeout: 6000 });
    await this.submitButton.click();
    }

     async expectMessageContains(text: string | RegExp) {
    await expect(this.message.first()).toBeVisible({ timeout: 8000 });
    await expect(this.message.first()).toContainText(text);

    await expect(this.message.first()).toBeVisible({ timeout: 8000 });
    await expect(this.message.first()).toContainText(text);
  }

Error: expect(locator).toContainText(expected) failed

Locator: locator('.ant-message-notice-content, .ant-notification-notice-message, .ant-form-item-explain, .ant-form-item-explain-error').first()
Expected pattern: /password|mật khẩu|định dạng/i
Timeout: 30000ms
Error: element(s) not found

Call log:
  - Expect "toContainText" with timeout 30000ms
  - waiting for locator('.ant-message-notice-content, .ant-notification-notice-message, .ant-form-item-explain, .ant-form-item-explain-error').first()
    7 × locator resolved to <div class="ant-message-notice-content">…</div>
      - unexpected value "Đăng ký thành công"

    at RegisterModal.expectMessageContains (C:\Study\Cybersoft\Team_X_FinalProject\testing09-finalProject-nhom01\pages\RegisterModal.ts:98:40)
    at C:\Study\Cybersoft\Team_X_FinalProject\testing09-finalProject-nhom01\tests\authentication.spec.ts:85:3

    phone: '0901234567',
    selectGender: true,
  });

  await register.expectMessageContains(/password|mật khẩu|định dạng/i);
  await expect(register.modal).toBeVisible();
});

  test('TC04 - Login success with valid credentials', async ({ page }) => {

Study\Cybersoft\Team_X_FinalProject\testing09-finalProject-nhom01\screenshots\authentication-Authenticat-c0346--fail-when-password-is-weak-chromium\test-failed-1.png

Download file_download

passed

has title

Filename	example.spec.ts
Browser	chromium
Execution Start Time	Sun, 01 Mar 2026 08:11:39 GMT
Total Execution Time	0h 0m 2s 349ms

test('has title', async ({ page }) => {
  await page.goto('https://playwright.dev/');

  // Expect a title "to contain" a substring.
  await expect(page).toHaveTitle(/Playwright/);
});

passed

get started link

Filename	example.spec.ts
Browser	chromium
Execution Start Time	Sun, 01 Mar 2026 08:11:42 GMT
Total Execution Time	0h 0m 2s 86ms

test('get started link', async ({ page }) => {
  await page.goto('https://playwright.dev/');

  // Click the get started link.
  await page.getByRole('link', { name: 'Get started' }).click();

  // Expects page to have a heading with the name of Installation.
  await expect(page.getByRole('heading', { name: 'Installation' })).toBeVisible();
});

failed

Dang ky tai khoan moi

Filename	Dangky.spec.ts
Browser	chromium
Execution Start Time	Sun, 01 Mar 2026 08:11:35 GMT
Total Execution Time	0h 0m 14s 136ms

    async goto(timeout: number = 600000): Promise<void> {
        await this.page.goto('https://demo5.cybersoft.edu.vn', {timeout})
    }

   async clickUserMenu(): Promise<void> {
  await this.page.waitForLoadState('domcontentloaded');

  } else {
    await this.userMenuButton.waitFor({ state: 'visible', timeout: 15000 });
    await this.userMenuButton.click();

    await this.userMenuButton.waitFor({ state: 'visible', timeout: 15000 });
    await this.userMenuButton.click();
  }


  await dropdown.waitFor({ state: 'visible', timeout: 8000 });
}

    async clickDangKyButton(): Promise<void>{
        await this.dangKyButton.waitFor({state: 'visible', timeout: 6000})
        await this.dangKyButton.click()

        await this.dangKyButton.waitFor({state: 'visible', timeout: 6000})
        await this.dangKyButton.click()
        await this.page.waitForTimeout(2000);

        await this.dangKyButton.click()
        await this.page.waitForTimeout(2000);
    }

    async waitForModal(timeout: number = 60000): Promise<void>{
        await this.modal.waitFor({state:'visible', timeout})
    }

    async fillName(name: string): Promise<void>{
        await this.nameInput.fill(name)
        await this.page.waitForTimeout(1000)

        await this.nameInput.fill(name)
        await this.page.waitForTimeout(1000)
    }

    async fillEmail(email: string): Promise<void>{
        await this.emailInput.fill(email)
        await this.page.waitForTimeout(1000)

        await this.emailInput.fill(email)
        await this.page.waitForTimeout(1000)
    }

    async fillPassword(password: string): Promise<void>{
        await this.passwordInput.fill(password)
        await this.page.waitForTimeout(1000)

        await this.passwordInput.fill(password)
        await this.page.waitForTimeout(1000)
    }

    async fillPhone(phone: string): Promise<void>{
        await this.phoneInput.fill(phone)
        await this.page.waitForTimeout(1000)

        await this.phoneInput.fill(phone)
        await this.page.waitForTimeout(1000)
    }

    async fillBirthday(days: number = 15): Promise<void>{
        await this.birthdayInput.click()
        await this.birthdayInput.fill("04/03/2000")

        await this.birthdayInput.click()
        await this.birthdayInput.fill("04/03/2000")
        await this.page.waitForTimeout(1000)

        await this.birthdayInput.fill("04/03/2000")
        await this.page.waitForTimeout(1000)

    async selectGender(): Promise<void>{
        await this.genderInput.click()
        await this.page.waitForTimeout(500)

        await this.genderInput.click()
        await this.page.waitForTimeout(500)

        const genderOptions = this.page.locator(".ant-select-item")
        await genderOptions.nth(1).click() // chon nam
        await this.page.waitForTimeout(1000)

        await genderOptions.nth(1).click() // chon nam
        await this.page.waitForTimeout(1000)

TypeError: Cannot read properties of undefined (reading 'submitButton')
    at C:\Study\Cybersoft\Team_X_FinalProject\testing09-finalProject-nhom01\tests\Dangky.spec.ts:41:21


        // B10: Chon gioi tinh
        await registerModal.selectGender()
        // B11: nhân nút dk 
         await this.submitButton.click();  

        expect(true).toBeTruthy()
    })
})

Study\Cybersoft\Team_X_FinalProject\testing09-finalProject-nhom01\screenshots\Dangky-Dang-ky-Dang-ky-tai-khoan-moi-chromium\test-failed-1.png

Download file_download

passed

Đặt phòng với thông tin hợp lệ (đã đăng nhập)

Filename	Booking.spec.ts
Browser	chromium
Execution Start Time	Sun, 01 Mar 2026 08:11:02 GMT
Total Execution Time	0h 0m 47s 511ms

    async goto(timeout: number = 600000): Promise<void> {
        await this.page.goto('https://demo5.cybersoft.edu.vn', {timeout})
    }

   async clickUserMenu(): Promise<void> {
  await this.page.waitForLoadState('domcontentloaded');

  } else {
    await this.userMenuButton.waitFor({ state: 'visible', timeout: 15000 });
    await this.userMenuButton.click();

    await this.userMenuButton.waitFor({ state: 'visible', timeout: 15000 });
    await this.userMenuButton.click();
  }


  await dropdown.waitFor({ state: 'visible', timeout: 8000 });
}

    async clickDangNhapButton(): Promise<void>{
        await this.dangNhapButton.waitFor({state: 'visible', timeout: 6000})
        await this.dangNhapButton.click()

        await this.dangNhapButton.waitFor({state: 'visible', timeout: 6000})
        await this.dangNhapButton.click()
        await this.page.waitForTimeout(2000);

        await this.dangNhapButton.click()
        await this.page.waitForTimeout(2000);
    }

    async waitForModal(timeout: number = 60000): Promise<void>{
        await this.modal.waitFor({state:'visible', timeout})
    }

    async fillEmail(email: string): Promise<void>{
        await this.emailInput.fill(email)
        await this.page.waitForTimeout(1000)

        await this.emailInput.fill(email)
        await this.page.waitForTimeout(1000)
    }

    async fillPassword(password: string): Promise<void>{
        await this.passwordInput.fill(password)
        await this.page.waitForTimeout(1000)

        await this.passwordInput.fill(password)
        await this.page.waitForTimeout(1000)
    }

    async clickLoginButton(): Promise<void>{
        await this.loginButton.click()
        await this.page.waitForTimeout(3000)

        await this.loginButton.click()
        await this.page.waitForTimeout(3000)
    }

    async clickHCMLocation(): Promise<void>{
        await this.HCMLocation.scrollIntoViewIfNeeded({timeout: 2000})
        await this.HCMLocation.waitFor({state: 'visible', timeout: 6000})

        await this.HCMLocation.scrollIntoViewIfNeeded({timeout: 2000})
        await this.HCMLocation.waitFor({state: 'visible', timeout: 6000})
        await this.HCMLocation.click()

        await this.HCMLocation.waitFor({state: 'visible', timeout: 6000})
        await this.HCMLocation.click()
        await this.page.waitForTimeout(2000);

        await this.HCMLocation.click()
        await this.page.waitForTimeout(2000);
    }

    async clickHCMRooms(): Promise<void> {
        await this.HCMRooms.waitFor({state: 'visible', timeout: 12000})
        await this.HCMRooms.click()

        await this.HCMRooms.waitFor({state: 'visible', timeout: 12000})
        await this.HCMRooms.click()
        await this.page.waitForTimeout(2000)

        await this.HCMRooms.click()
        await this.page.waitForTimeout(2000)
    }

    async clickDateTimePicker(): Promise<void>{
        await this.dateTimePicker.waitFor({state: 'visible', timeout: 6000})
        await this.dateTimePicker.click()

        await this.dateTimePicker.waitFor({state: 'visible', timeout: 6000})
        await this.dateTimePicker.click()
        await this.page.waitForTimeout(2000)

        await this.dateTimePicker.click()
        await this.page.waitForTimeout(2000)
    }


        await dayLocator.waitFor({state: 'visible', timeout: 6000})
        await dayLocator.click()

        await dayLocator.waitFor({state: 'visible', timeout: 6000})
        await dayLocator.click()
        await this.page.waitForTimeout(2000)

        await dayLocator.click()
        await this.page.waitForTimeout(2000)


        await choosenDayLocator.waitFor({state: 'visible', timeout: 6000})
        await choosenDayLocator.click()

        await choosenDayLocator.waitFor({state: 'visible', timeout: 6000})
        await choosenDayLocator.click()
        await this.page.waitForTimeout(2000)

        await choosenDayLocator.click()
        await this.page.waitForTimeout(2000)


        await this.closeBtnInDate.click()
        await this.page.waitForTimeout(2000)

        await this.closeBtnInDate.click()
        await this.page.waitForTimeout(2000)
    }

    async increaseCustomer(): Promise<void>{
        await this.plusBtn.waitFor({state: 'visible', timeout: 4000})
        await this.plusBtn.click()

        await this.plusBtn.waitFor({state: 'visible', timeout: 4000})
        await this.plusBtn.click()
        await this.page.waitForTimeout(2000)

        await this.plusBtn.click()
        await this.page.waitForTimeout(2000)
    }

    async clickBookingBtn(): Promise<void>{
        await this.bookingBtn.waitFor({state: 'visible', timeout: 6000})
        await this.bookingBtn.click()

        await this.bookingBtn.waitFor({state: 'visible', timeout: 6000})
        await this.bookingBtn.click()
        await this.page.waitForTimeout(2000)

        await this.bookingBtn.click()
        await this.page.waitForTimeout(2000)
    }

    async clickConfirmBtn(): Promise<void>{
        await this.confirmBtn.waitFor({state: 'visible', timeout: 6000})
        await this.confirmBtn.click()

        await this.confirmBtn.waitFor({state: 'visible', timeout: 6000})
        await this.confirmBtn.click()
        await this.page.waitForTimeout(2000)

        await this.confirmBtn.click()
        await this.page.waitForTimeout(2000)
    }


        expect(roomDetailPage.successNoti).toBeVisible()

   async clickUserMenu(): Promise<void> {
  await this.page.waitForLoadState('domcontentloaded');

  if (await this.userProfile.isVisible().catch(() => false)) {
    await this.userProfile.click();
  } else {


  await dropdown.waitFor({ state: 'visible', timeout: 8000 });
}

    await this.clickUserMenu();
    await this.userProfileBtn.waitFor({ state: 'visible', timeout: 6000 });
    await this.userProfileBtn.click();

    await this.userProfileBtn.waitFor({ state: 'visible', timeout: 6000 });
    await this.userProfileBtn.click();
  }


        expect(await userProfile.name.textContent()).toContain(roomName!.trim())

passed

[TC08] Kiểm tra tìm kiếm theo địa điểm “Hồ Chí Minh tại module Search & Booking

Filename	Searching.spec.ts
Browser	chromium
Execution Start Time	Sun, 01 Mar 2026 08:11:44 GMT
Total Execution Time	0h 0m 6s 618ms

    async goto(timeout: number = 600000): Promise<void> {
        await this.page.goto('https://demo5.cybersoft.edu.vn', {timeout})
    }

    async clickHCMLocation(): Promise<void>{
        await this.HCMLocation.scrollIntoViewIfNeeded({timeout: 2000})
        await this.HCMLocation.waitFor({state: 'visible', timeout: 6000})

        await this.HCMLocation.scrollIntoViewIfNeeded({timeout: 2000})
        await this.HCMLocation.waitFor({state: 'visible', timeout: 6000})
        await this.HCMLocation.click()

        await this.HCMLocation.waitFor({state: 'visible', timeout: 6000})
        await this.HCMLocation.click()
        await this.page.waitForTimeout(2000);

        await this.HCMLocation.click()
        await this.page.waitForTimeout(2000);
    }

    async countRooms(): Promise<number> {
        const count = await this.roomResult.count();
        return count;

                        console.log("Tổng số phòng là: ", totalRooms)
                        expect(totalRooms).toBeGreaterThan(0);
                })

Tổng số phòng là:  [33m4[39m

Download Stdout file_download

failed

[TC10] Kiểm tra khi lọc kết quả theo ngày check-in/check-out hợp lệ tại module Search & Booking

Filename	Searching.spec.ts
Browser	chromium
Execution Start Time	Sun, 01 Mar 2026 08:11:53 GMT
Total Execution Time	0h 0m 6s 344ms

    async goto(timeout: number = 600000): Promise<void> {
        await this.page.goto('https://demo5.cybersoft.edu.vn', {timeout})
    }

    async clickDateFilter() {
        console.log(await this.dateFilter.count());
        await this.dateFilter.scrollIntoViewIfNeeded({ timeout: 2000 })

        console.log(await this.dateFilter.count());
        await this.dateFilter.scrollIntoViewIfNeeded({ timeout: 2000 })
        await this.dateFilter.waitFor({ state: 'visible', timeout: 12000 })

        await this.dateFilter.scrollIntoViewIfNeeded({ timeout: 2000 })
        await this.dateFilter.waitFor({ state: 'visible', timeout: 12000 })
        await this.dateFilter.click();

        await this.dateFilter.waitFor({ state: 'visible', timeout: 12000 })
        await this.dateFilter.click();
        await this.page.waitForTimeout(2000);

        await this.dateFilter.click();
        await this.page.waitForTimeout(2000);
    }

Error: Month Feb 2026 is not visible
    at SearchPage.getMonthContainer (C:\Study\Cybersoft\Team_X_FinalProject\testing09-finalProject-nhom01\pages\SearchPage.ts:80:11)
    at SearchPage.clickDay (C:\Study\Cybersoft\Team_X_FinalProject\testing09-finalProject-nhom01\pages\SearchPage.ts:84:28)
    at SearchPage.selectDateRange (C:\Study\Cybersoft\Team_X_FinalProject\testing09-finalProject-nhom01\pages\SearchPage.ts:97:5)
    at C:\Study\Cybersoft\Team_X_FinalProject\testing09-finalProject-nhom01\tests\Searching.spec.ts:26:25

                        const searchPage = new SearchPage(page)
                        await homePage.goto()
                        await searchPage.clickDateFilter()
                        //await searchPage.selectDate(page, 'Feb 2026', 28)
                        await searchPage.selectDateRange(new Date(2026, 1, 28), new Date(2026, 2, 5))
                        await page.locator('div:has-text("Thêm khách")').nth(3).click();
                        for (let i = 0; i < 3; i++) {
                                await page.getByText('+').click();
                        }

Study\Cybersoft\Team_X_FinalProject\testing09-finalProject-nhom01\screenshots\Searching-Tìm-kiếm-phòng-T-84486-ệ-tại-module-Search-Booking-chromium\test-failed-1.png

Download file_download

[33m1[39m

Download Stdout file_download

passed

Kiểm tra thông tin phòng đã đặt

Filename	Booking.spec.ts
Browser	chromium
Execution Start Time	Sun, 01 Mar 2026 08:11:25 GMT
Total Execution Time	0h 0m 36s 924ms

        const highlight =  new HighlightElement(this.page)
        const numOfRooms =  await this.allRooms.count()
        for (let room = 1; room <= numOfRooms; room++){

    async goto(timeout: number = 600000): Promise<void> {
        await this.page.goto('https://demo5.cybersoft.edu.vn', {timeout})
    }

   async clickUserMenu(): Promise<void> {
  await this.page.waitForLoadState('domcontentloaded');

  } else {
    await this.userMenuButton.waitFor({ state: 'visible', timeout: 15000 });
    await this.userMenuButton.click();

    await this.userMenuButton.waitFor({ state: 'visible', timeout: 15000 });
    await this.userMenuButton.click();
  }


  await dropdown.waitFor({ state: 'visible', timeout: 8000 });
}

    async clickDangNhapButton(): Promise<void>{
        await this.dangNhapButton.waitFor({state: 'visible', timeout: 6000})
        await this.dangNhapButton.click()

        await this.dangNhapButton.waitFor({state: 'visible', timeout: 6000})
        await this.dangNhapButton.click()
        await this.page.waitForTimeout(2000);

        await this.dangNhapButton.click()
        await this.page.waitForTimeout(2000);
    }

    async waitForModal(timeout: number = 60000): Promise<void>{
        await this.modal.waitFor({state:'visible', timeout})
    }

    async fillEmail(email: string): Promise<void>{
        await this.emailInput.fill(email)
        await this.page.waitForTimeout(1000)

        await this.emailInput.fill(email)
        await this.page.waitForTimeout(1000)
    }

    async fillPassword(password: string): Promise<void>{
        await this.passwordInput.fill(password)
        await this.page.waitForTimeout(1000)

        await this.passwordInput.fill(password)
        await this.page.waitForTimeout(1000)
    }

    async clickLoginButton(): Promise<void>{
        await this.loginButton.click()
        await this.page.waitForTimeout(3000)

        await this.loginButton.click()
        await this.page.waitForTimeout(3000)
    }

   async clickUserMenu(): Promise<void> {
  await this.page.waitForLoadState('domcontentloaded');

  if (await this.userProfile.isVisible().catch(() => false)) {
    await this.userProfile.click();
  } else {


  await dropdown.waitFor({ state: 'visible', timeout: 8000 });
}

    await this.clickUserMenu();
    await this.userProfileBtn.waitFor({ state: 'visible', timeout: 6000 });
    await this.userProfileBtn.click();

    await this.userProfileBtn.waitFor({ state: 'visible', timeout: 6000 });
    await this.userProfileBtn.click();
  }

        if(await locator.isVisible()) {
            await locator.waitFor({state: 'visible', timeout: 2000})
            await locator.highlight()

            await locator.highlight() 
            await locator.evaluate(element => {
                element.style.border = '4px solid red';

        }
        await this.page.waitForTimeout(2000)
    }

        const highlight =  new HighlightElement(this.page)
        const numOfRooms =  await this.allRooms.count()
        for (let room = 1; room <= numOfRooms; room++){

        }
        await this.page.waitForTimeout(2000)
    }

        }
        await this.page.waitForTimeout(2000)
    }

        
        await page.waitForTimeout(15000)


        expect(userProfile.avatarImg).toBeVisible({timeout: 6000})
        expect(userProfile.rooms).toBeVisible({timeout: 6000})

        expect(userProfile.avatarImg).toBeVisible({timeout: 6000})
        expect(userProfile.rooms).toBeVisible({timeout: 6000})
        expect(userProfile.name).toBeVisible()

        expect(userProfile.rooms).toBeVisible({timeout: 6000})
        expect(userProfile.name).toBeVisible()
        //expect(userProfile.date).toBeVisible()

        //expect(userProfile.date).toBeVisible()
        expect(userProfile.price).toBeVisible()
        //expect(userProfile.status).toBeVisible()

passed

[TC12] Kiểm tra khi mở trang chi tiết phòng từ danh sách kết quả tại module Search & Booking

Filename	Searching.spec.ts
Browser	chromium
Execution Start Time	Sun, 01 Mar 2026 08:11:51 GMT
Total Execution Time	0h 0m 14s 190ms

    async goto(timeout: number = 600000): Promise<void> {
        await this.page.goto('https://demo5.cybersoft.edu.vn', {timeout})
    }

    async clickDateFilter() {
        console.log(await this.dateFilter.count());
        await this.dateFilter.scrollIntoViewIfNeeded({ timeout: 2000 })

        console.log(await this.dateFilter.count());
        await this.dateFilter.scrollIntoViewIfNeeded({ timeout: 2000 })
        await this.dateFilter.waitFor({ state: 'visible', timeout: 12000 })

        await this.dateFilter.scrollIntoViewIfNeeded({ timeout: 2000 })
        await this.dateFilter.waitFor({ state: 'visible', timeout: 12000 })
        await this.dateFilter.click();

        await this.dateFilter.waitFor({ state: 'visible', timeout: 12000 })
        await this.dateFilter.click();
        await this.page.waitForTimeout(2000);

        await this.dateFilter.click();
        await this.page.waitForTimeout(2000);
    }


    await expect(dayButton).toBeVisible()
    await dayButton.click()

    await expect(dayButton).toBeVisible()
    await dayButton.click()
  }


    await expect(dayButton).toBeVisible()
    await dayButton.click()

    await expect(dayButton).toBeVisible()
    await dayButton.click()
  }

                        await searchPage.selectDateRange(new Date(2026, 2, 1), new Date(2026, 2, 4))
                        await page.getByLabel('search').click();
                        await roomPage.clickHCMRooms()

    async clickHCMRooms(): Promise<void> {
        await this.HCMRooms.waitFor({state: 'visible', timeout: 12000})
        await this.HCMRooms.click()

        await this.HCMRooms.waitFor({state: 'visible', timeout: 12000})
        await this.HCMRooms.click()
        await this.page.waitForTimeout(2000)

        await this.HCMRooms.click()
        await this.page.waitForTimeout(2000)
    }

                        await roomPage.clickHCMRooms()             
                        expect(page.url()).toContain('/room-detail/1')
                        await page.waitForTimeout(3000);

                        expect(page.url()).toContain('/room-detail/1')
                        await page.waitForTimeout(3000);
        })

[33m1[39m

Download Stdout file_download

failed

[TC11] Kiểm tra khi lọc kết quả theo khoảng giá tại module Search & Booking

Filename	Searching.spec.ts
Browser	chromium
Execution Start Time	Sun, 01 Mar 2026 08:11:50 GMT
Total Execution Time	0h 0m 32s 668ms

    async goto(timeout: number = 600000): Promise<void> {
        await this.page.goto('https://demo5.cybersoft.edu.vn', {timeout})
    }

                        await homePage.goto()
                        await expect(page.getByRole('button', { name: 'Giá' })).toBeDisabled();
                })

Error: expect(locator).toBeDisabled() failed

Locator:  getByRole('button', { name: 'Giá' })
Expected: disabled
Received: enabled
Timeout:  30000ms

Call log:
  - Expect "toBeDisabled" with timeout 30000ms
  - waiting for getByRole('button', { name: 'Giá' })
    33 × locator resolved to <button class="rounded-lg  text-md bg-white text-black border border-gray-300 hover:border-gray-900 duration-300 px-6 py-2">Giá</button>
       - unexpected value "enabled"

    at C:\Study\Cybersoft\Team_X_FinalProject\testing09-finalProject-nhom01\tests\Searching.spec.ts:43:81

                async ({ page }) => {
                        const homePage = new HomePage(page)
                        const searchPage = new SearchPage(page)
                        await homePage.goto()
                        await expect(page.getByRole('button', { name: 'Giá' })).toBeDisabled();
                })
        test("[TC12] Kiểm tra khi mở trang chi tiết phòng từ danh sách kết quả tại module Search & Booking",
                async ({ page }) => {
                        const homePage = new HomePage(page)

Study\Cybersoft\Team_X_FinalProject\testing09-finalProject-nhom01\screenshots\Searching-Tìm-kiếm-phòng-T-0b899-á-tại-module-Search-Booking-chromium\test-failed-1.png

Download file_download

passed

Kiểm tra thông tin người dùng

Filename	UserProfile.spec.ts
Browser	chromium
Execution Start Time	Sun, 01 Mar 2026 08:12:02 GMT
Total Execution Time	0h 0m 31s 34ms

    async goto(timeout: number = 600000): Promise<void> {
        await this.page.goto('https://demo5.cybersoft.edu.vn', {timeout})
    }

   async clickUserMenu(): Promise<void> {
  await this.page.waitForLoadState('domcontentloaded');

  } else {
    await this.userMenuButton.waitFor({ state: 'visible', timeout: 15000 });
    await this.userMenuButton.click();

    await this.userMenuButton.waitFor({ state: 'visible', timeout: 15000 });
    await this.userMenuButton.click();
  }


  await dropdown.waitFor({ state: 'visible', timeout: 8000 });
}

    async clickDangNhapButton(): Promise<void>{
        await this.dangNhapButton.waitFor({state: 'visible', timeout: 6000})
        await this.dangNhapButton.click()

        await this.dangNhapButton.waitFor({state: 'visible', timeout: 6000})
        await this.dangNhapButton.click()
        await this.page.waitForTimeout(2000);

        await this.dangNhapButton.click()
        await this.page.waitForTimeout(2000);
    }

    async waitForModal(timeout: number = 60000): Promise<void>{
        await this.modal.waitFor({state:'visible', timeout})
    }

    async fillEmail(email: string): Promise<void>{
        await this.emailInput.fill(email)
        await this.page.waitForTimeout(1000)

        await this.emailInput.fill(email)
        await this.page.waitForTimeout(1000)
    }

    async fillPassword(password: string): Promise<void>{
        await this.passwordInput.fill(password)
        await this.page.waitForTimeout(1000)

        await this.passwordInput.fill(password)
        await this.page.waitForTimeout(1000)
    }

    async clickLoginButton(): Promise<void>{
        await this.loginButton.click()
        await this.page.waitForTimeout(3000)

        await this.loginButton.click()
        await this.page.waitForTimeout(3000)
    }

   async clickUserMenu(): Promise<void> {
  await this.page.waitForLoadState('domcontentloaded');

  if (await this.userProfile.isVisible().catch(() => false)) {
    await this.userProfile.click();
  } else {


  await dropdown.waitFor({ state: 'visible', timeout: 8000 });
}

    await this.clickUserMenu();
    await this.userProfileBtn.waitFor({ state: 'visible', timeout: 6000 });
    await this.userProfileBtn.click();

    await this.userProfileBtn.waitFor({ state: 'visible', timeout: 6000 });
    await this.userProfileBtn.click();
  }

        if(await locator.isVisible()) {
            await locator.waitFor({state: 'visible', timeout: 2000})
            await locator.highlight()

            await locator.highlight() 
            await locator.evaluate(element => {
                element.style.border = '4px solid red';

        }
        await this.page.waitForTimeout(2000)
    }

        await highlight.highlightElements(userProfile.avatarImg)
        expect(userProfile.avatarImg).toBeVisible() 
        await userProfile.showProfile()

    async showProfile(): Promise<void> {
        await this.profile.waitFor({state: 'visible', timeout: 6000})
        await this.profile.click()

        await this.profile.waitFor({state: 'visible', timeout: 6000})
        await this.profile.click()
        await this.page.waitForTimeout(3000)

        await this.profile.click()
        await this.page.waitForTimeout(3000)
    }

        if(await locator.isVisible()) {
            await locator.waitFor({state: 'visible', timeout: 2000})
            await locator.highlight()

            await locator.highlight() 
            await locator.evaluate(element => {
                element.style.border = '4px solid red';

        }
        await this.page.waitForTimeout(2000)
    }

        if(await locator.isVisible()) {
            await locator.waitFor({state: 'visible', timeout: 2000})
            await locator.highlight()

            await locator.highlight() 
            await locator.evaluate(element => {
                element.style.border = '4px solid red';

        }
        await this.page.waitForTimeout(2000)
    }

        if(await locator.isVisible()) {
            await locator.waitFor({state: 'visible', timeout: 2000})
            await locator.highlight()

            await locator.highlight() 
            await locator.evaluate(element => {
                element.style.border = '4px solid red';

        }
        await this.page.waitForTimeout(2000)
    }

        if(await locator.isVisible()) {
            await locator.waitFor({state: 'visible', timeout: 2000})
            await locator.highlight()

            await locator.highlight() 
            await locator.evaluate(element => {
                element.style.border = '4px solid red';

        }
        await this.page.waitForTimeout(2000)
    }

        if(await locator.isVisible()) {
            await locator.waitFor({state: 'visible', timeout: 2000})
            await locator.highlight()

            await locator.highlight() 
            await locator.evaluate(element => {
                element.style.border = '4px solid red';

        }
        await this.page.waitForTimeout(2000)
    }


        expect(userProfile.email).toBeVisible()
        expect(userProfile.fullname).toBeVisible()

        expect(userProfile.email).toBeVisible()
        expect(userProfile.fullname).toBeVisible()
        expect(userProfile.phone).toBeVisible()

        expect(userProfile.fullname).toBeVisible()
        expect(userProfile.phone).toBeVisible()
        expect(userProfile.dateOfBirth).toBeVisible()

        expect(userProfile.phone).toBeVisible()
        expect(userProfile.dateOfBirth).toBeVisible()
        expect(userProfile.gender).toBeVisible()

        expect(userProfile.dateOfBirth).toBeVisible()
        expect(userProfile.gender).toBeVisible()

passed

Cập nhật thông tin người dùng thành công

Filename	UserProfile.spec.ts
Browser	chromium
Execution Start Time	Sun, 01 Mar 2026 08:12:05 GMT
Total Execution Time	0h 0m 29s 649ms

    async goto(timeout: number = 600000): Promise<void> {
        await this.page.goto('https://demo5.cybersoft.edu.vn', {timeout})
    }

   async clickUserMenu(): Promise<void> {
  await this.page.waitForLoadState('domcontentloaded');

  } else {
    await this.userMenuButton.waitFor({ state: 'visible', timeout: 15000 });
    await this.userMenuButton.click();

    await this.userMenuButton.waitFor({ state: 'visible', timeout: 15000 });
    await this.userMenuButton.click();
  }


  await dropdown.waitFor({ state: 'visible', timeout: 8000 });
}

    async clickDangNhapButton(): Promise<void>{
        await this.dangNhapButton.waitFor({state: 'visible', timeout: 6000})
        await this.dangNhapButton.click()

        await this.dangNhapButton.waitFor({state: 'visible', timeout: 6000})
        await this.dangNhapButton.click()
        await this.page.waitForTimeout(2000);

        await this.dangNhapButton.click()
        await this.page.waitForTimeout(2000);
    }

    async waitForModal(timeout: number = 60000): Promise<void>{
        await this.modal.waitFor({state:'visible', timeout})
    }

    async fillEmail(email: string): Promise<void>{
        await this.emailInput.fill(email)
        await this.page.waitForTimeout(1000)

        await this.emailInput.fill(email)
        await this.page.waitForTimeout(1000)
    }

    async fillPassword(password: string): Promise<void>{
        await this.passwordInput.fill(password)
        await this.page.waitForTimeout(1000)

        await this.passwordInput.fill(password)
        await this.page.waitForTimeout(1000)
    }

    async clickLoginButton(): Promise<void>{
        await this.loginButton.click()
        await this.page.waitForTimeout(3000)

        await this.loginButton.click()
        await this.page.waitForTimeout(3000)
    }

   async clickUserMenu(): Promise<void> {
  await this.page.waitForLoadState('domcontentloaded');

  if (await this.userProfile.isVisible().catch(() => false)) {
    await this.userProfile.click();
  } else {


  await dropdown.waitFor({ state: 'visible', timeout: 8000 });
}

    await this.clickUserMenu();
    await this.userProfileBtn.waitFor({ state: 'visible', timeout: 6000 });
    await this.userProfileBtn.click();

    await this.userProfileBtn.waitFor({ state: 'visible', timeout: 6000 });
    await this.userProfileBtn.click();
  }

    async showProfile(): Promise<void> {
        await this.profile.waitFor({state: 'visible', timeout: 6000})
        await this.profile.click()

        await this.profile.waitFor({state: 'visible', timeout: 6000})
        await this.profile.click()
        await this.page.waitForTimeout(3000)

        await this.profile.click()
        await this.page.waitForTimeout(3000)
    }

        if (data.email !== null && data.email !== undefined) {
            await this.email.fill(data.email)
            await this.page.waitForTimeout(1000)

            await this.email.fill(data.email)
            await this.page.waitForTimeout(1000)
        }

        if (data.fullname !== null && data.fullname !== undefined) {
            await this.fullname.fill(data.fullname)
            await this.page.waitForTimeout(1000)

            await this.fullname.fill(data.fullname)
            await this.page.waitForTimeout(1000)
        }

        if (data.phone !== null && data.phone !== undefined) {
            await this.phone.fill(data.phone)
            await this.page.waitForTimeout(1000)

            await this.phone.fill(data.phone)
            await this.page.waitForTimeout(1000)
        }

        if (data.dateOfBirth !== null && data.dateOfBirth !== undefined) {
            await this.dateOfBirth.click()
            await this.dateOfBirth.fill(data.dateOfBirth)

            await this.dateOfBirth.click()
            await this.dateOfBirth.fill(data.dateOfBirth)
            await this.page.keyboard.press('Enter');

            await this.dateOfBirth.fill(data.dateOfBirth)
            await this.page.keyboard.press('Enter');
            await this.page.waitForTimeout(1000)

            await this.page.keyboard.press('Enter');
            await this.page.waitForTimeout(1000)
        }

        if (data.gender !== null && data.gender !== undefined) {
            await this.gender.click()
            if (data.gender === 'male'){

            if (data.gender === 'male'){
                await this.male.waitFor({state: 'visible', timeout: 2000})
                await this.male.click()

                await this.male.waitFor({state: 'visible', timeout: 2000})
                await this.male.click()
            } else{

            }
            await this.page.waitForTimeout(1000)
        }

    async clickUpdateBtn(): Promise<void> {
        await this.updateBtn.waitFor({state: 'visible', timeout: 2000})
        await this.updateBtn.click()

        await this.updateBtn.waitFor({state: 'visible', timeout: 2000})
        await this.updateBtn.click()
        await this.page.waitForTimeout(3000)

        await this.updateBtn.click()
        await this.page.waitForTimeout(3000)
    }


        expect(userProfile.successNoti).toBeVisible()

    async showProfile(): Promise<void> {
        await this.profile.waitFor({state: 'visible', timeout: 6000})
        await this.profile.click()

        await this.profile.waitFor({state: 'visible', timeout: 6000})
        await this.profile.click()
        await this.page.waitForTimeout(3000)

        await this.profile.click()
        await this.page.waitForTimeout(3000)
    }


        expect(userProfile.email).toHaveValue('sadsa@gmail.com', {timeout: 1000})
        expect(userProfile.fullname).toHaveValue('ok', {timeout: 1000})

        expect(userProfile.email).toHaveValue('sadsa@gmail.com', {timeout: 1000})
        expect(userProfile.fullname).toHaveValue('ok', {timeout: 1000})
        expect(userProfile.phone).toHaveValue('0555555555', {timeout: 1000})

        expect(userProfile.fullname).toHaveValue('ok', {timeout: 1000})
        expect(userProfile.phone).toHaveValue('0555555555', {timeout: 1000})
        expect(userProfile.dateOfBirth).toHaveValue('18/11/2022', {timeout: 1000})

        expect(userProfile.phone).toHaveValue('0555555555', {timeout: 1000})
        expect(userProfile.dateOfBirth).toHaveValue('18/11/2022', {timeout: 1000})
        expect(userProfile.gender).toHaveText('Nam', {timeout: 1000})

        expect(userProfile.dateOfBirth).toHaveValue('18/11/2022', {timeout: 1000})
        expect(userProfile.gender).toHaveText('Nam', {timeout: 1000})

failed

[TC15] Kiểm tra sắp xếp kết quả theo giá/đánh giá hoạt động đúng tại module Search & Booking

Filename	Searching.spec.ts
Browser	chromium
Execution Start Time	Sun, 01 Mar 2026 08:12:04 GMT
Total Execution Time	0h 0m 33s 373ms

    async goto(timeout: number = 600000): Promise<void> {
        await this.page.goto('https://demo5.cybersoft.edu.vn', {timeout})
    }

                        await homePage.goto()
                        await expect(page.getByRole('button', { name: 'Bộ lọc khác' })).toBeDisabled();
                })

Error: expect(locator).toBeDisabled() failed

Locator:  getByRole('button', { name: 'Bộ lọc khác' })
Expected: disabled
Received: enabled
Timeout:  30000ms

Call log:
  - Expect "toBeDisabled" with timeout 30000ms
  - waiting for getByRole('button', { name: 'Bộ lọc khác' })
    33 × locator resolved to <button class="rounded-lg  text-md bg-white text-black border border-gray-300 hover:border-gray-900 duration-300 px-6 py-2">Bộ lọc khác</button>
       - unexpected value "enabled"

    at C:\Study\Cybersoft\Team_X_FinalProject\testing09-finalProject-nhom01\tests\Searching.spec.ts:63:89

                async ({ page }) => {
                        const homePage = new HomePage(page)
                        const searchPage = new SearchPage(page)
                        await homePage.goto()
                        await expect(page.getByRole('button', { name: 'Bộ lọc khác' })).toBeDisabled();
                })

})

Study\Cybersoft\Team_X_FinalProject\testing09-finalProject-nhom01\screenshots\Searching-Tìm-kiếm-phòng-T-e0835-g-tại-module-Search-Booking-chromium\test-failed-1.png

Download file_download

passed

Cập nhật thông tin người dùng với field trống

Filename	UserProfile.spec.ts
Browser	chromium
Execution Start Time	Sun, 01 Mar 2026 08:12:25 GMT
Total Execution Time	0h 0m 38s 391ms

    async goto(timeout: number = 600000): Promise<void> {
        await this.page.goto('https://demo5.cybersoft.edu.vn', {timeout})
    }

   async clickUserMenu(): Promise<void> {
  await this.page.waitForLoadState('domcontentloaded');

  } else {
    await this.userMenuButton.waitFor({ state: 'visible', timeout: 15000 });
    await this.userMenuButton.click();

    await this.userMenuButton.waitFor({ state: 'visible', timeout: 15000 });
    await this.userMenuButton.click();
  }


  await dropdown.waitFor({ state: 'visible', timeout: 8000 });
}

    async clickDangNhapButton(): Promise<void>{
        await this.dangNhapButton.waitFor({state: 'visible', timeout: 6000})
        await this.dangNhapButton.click()

        await this.dangNhapButton.waitFor({state: 'visible', timeout: 6000})
        await this.dangNhapButton.click()
        await this.page.waitForTimeout(2000);

        await this.dangNhapButton.click()
        await this.page.waitForTimeout(2000);
    }

    async waitForModal(timeout: number = 60000): Promise<void>{
        await this.modal.waitFor({state:'visible', timeout})
    }

    async fillEmail(email: string): Promise<void>{
        await this.emailInput.fill(email)
        await this.page.waitForTimeout(1000)

        await this.emailInput.fill(email)
        await this.page.waitForTimeout(1000)
    }

    async fillPassword(password: string): Promise<void>{
        await this.passwordInput.fill(password)
        await this.page.waitForTimeout(1000)

        await this.passwordInput.fill(password)
        await this.page.waitForTimeout(1000)
    }

    async clickLoginButton(): Promise<void>{
        await this.loginButton.click()
        await this.page.waitForTimeout(3000)

        await this.loginButton.click()
        await this.page.waitForTimeout(3000)
    }

   async clickUserMenu(): Promise<void> {
  await this.page.waitForLoadState('domcontentloaded');

  if (await this.userProfile.isVisible().catch(() => false)) {
    await this.userProfile.click();
  } else {


  await dropdown.waitFor({ state: 'visible', timeout: 8000 });
}

    await this.clickUserMenu();
    await this.userProfileBtn.waitFor({ state: 'visible', timeout: 6000 });
    await this.userProfileBtn.click();

    await this.userProfileBtn.waitFor({ state: 'visible', timeout: 6000 });
    await this.userProfileBtn.click();
  }

    async showProfile(): Promise<void> {
        await this.profile.waitFor({state: 'visible', timeout: 6000})
        await this.profile.click()

        await this.profile.waitFor({state: 'visible', timeout: 6000})
        await this.profile.click()
        await this.page.waitForTimeout(3000)

        await this.profile.click()
        await this.page.waitForTimeout(3000)
    }

        if (data.email !== null && data.email !== undefined) {
            await this.email.fill(data.email)
            await this.page.waitForTimeout(1000)

            await this.email.fill(data.email)
            await this.page.waitForTimeout(1000)
        }

        if (data.fullname !== null && data.fullname !== undefined) {
            await this.fullname.fill(data.fullname)
            await this.page.waitForTimeout(1000)

            await this.fullname.fill(data.fullname)
            await this.page.waitForTimeout(1000)
        }

        if (data.phone !== null && data.phone !== undefined) {
            await this.phone.fill(data.phone)
            await this.page.waitForTimeout(1000)

            await this.phone.fill(data.phone)
            await this.page.waitForTimeout(1000)
        }

    async clickCloseElementsBtn(): Promise<void> {
        await this.dobCloseBtn.waitFor({timeout: 2000})
        await this.dobCloseBtn.click()

        await this.dobCloseBtn.waitFor({timeout: 2000})
        await this.dobCloseBtn.click()
        await this.page.waitForTimeout(2000)

        await this.dobCloseBtn.click()
        await this.page.waitForTimeout(2000)


        await this.genderCloseBtn.waitFor({timeout: 2000})
        await this.genderCloseBtn.click()

        await this.genderCloseBtn.waitFor({timeout: 2000})
        await this.genderCloseBtn.click()
        await this.page.waitForTimeout(2000)

        await this.genderCloseBtn.click()
        await this.page.waitForTimeout(2000)
    }

    async clickUpdateBtn(): Promise<void> {
        await this.updateBtn.waitFor({state: 'visible', timeout: 2000})
        await this.updateBtn.click()

        await this.updateBtn.waitFor({state: 'visible', timeout: 2000})
        await this.updateBtn.click()
        await this.page.waitForTimeout(3000)

        await this.updateBtn.click()
        await this.page.waitForTimeout(3000)
    }

        if(await locator.isVisible()) {
            await locator.waitFor({state: 'visible', timeout: 2000})
            await locator.highlight()

            await locator.highlight() 
            await locator.evaluate(element => {
                element.style.border = '4px solid red';

        }
        await this.page.waitForTimeout(2000)
    }

        if(await locator.isVisible()) {
            await locator.waitFor({state: 'visible', timeout: 2000})
            await locator.highlight()

            await locator.highlight() 
            await locator.evaluate(element => {
                element.style.border = '4px solid red';

        }
        await this.page.waitForTimeout(2000)
    }

        if(await locator.isVisible()) {
            await locator.waitFor({state: 'visible', timeout: 2000})
            await locator.highlight()

            await locator.highlight() 
            await locator.evaluate(element => {
                element.style.border = '4px solid red';

        }
        await this.page.waitForTimeout(2000)
    }

        if(await locator.isVisible()) {
            await locator.waitFor({state: 'visible', timeout: 2000})
            await locator.highlight()

            await locator.highlight() 
            await locator.evaluate(element => {
                element.style.border = '4px solid red';

        }
        await this.page.waitForTimeout(2000)
    }

        if(await locator.isVisible()) {
            await locator.waitFor({state: 'visible', timeout: 2000})
            await locator.highlight()

            await locator.highlight() 
            await locator.evaluate(element => {
                element.style.border = '4px solid red';

        }
        await this.page.waitForTimeout(2000)
    }


        expect(userProfile.emailEmpty).toBeVisible()
        expect(userProfile.fullnameEmpty).toBeVisible()

        expect(userProfile.emailEmpty).toBeVisible()
        expect(userProfile.fullnameEmpty).toBeVisible()
        expect(userProfile.phoneEmpty).toBeVisible()

        expect(userProfile.fullnameEmpty).toBeVisible()
        expect(userProfile.phoneEmpty).toBeVisible()
        expect(userProfile.dateOfBirthEmpty).toBeVisible()

        expect(userProfile.phoneEmpty).toBeVisible()
        expect(userProfile.dateOfBirthEmpty).toBeVisible()
        expect(userProfile.genderEmpty).toBeVisible()

        expect(userProfile.dateOfBirthEmpty).toBeVisible()
        expect(userProfile.genderEmpty).toBeVisible()

passed

Cập nhật thông tin người dùng với không hợp lệ

Filename	UserProfile.spec.ts
Browser	chromium
Execution Start Time	Sun, 01 Mar 2026 08:12:33 GMT
Total Execution Time	0h 0m 34s 583ms

    async goto(timeout: number = 600000): Promise<void> {
        await this.page.goto('https://demo5.cybersoft.edu.vn', {timeout})
    }

   async clickUserMenu(): Promise<void> {
  await this.page.waitForLoadState('domcontentloaded');

  } else {
    await this.userMenuButton.waitFor({ state: 'visible', timeout: 15000 });
    await this.userMenuButton.click();

    await this.userMenuButton.waitFor({ state: 'visible', timeout: 15000 });
    await this.userMenuButton.click();
  }


  await dropdown.waitFor({ state: 'visible', timeout: 8000 });
}

    async clickDangNhapButton(): Promise<void>{
        await this.dangNhapButton.waitFor({state: 'visible', timeout: 6000})
        await this.dangNhapButton.click()

        await this.dangNhapButton.waitFor({state: 'visible', timeout: 6000})
        await this.dangNhapButton.click()
        await this.page.waitForTimeout(2000);

        await this.dangNhapButton.click()
        await this.page.waitForTimeout(2000);
    }

    async waitForModal(timeout: number = 60000): Promise<void>{
        await this.modal.waitFor({state:'visible', timeout})
    }

    async fillEmail(email: string): Promise<void>{
        await this.emailInput.fill(email)
        await this.page.waitForTimeout(1000)

        await this.emailInput.fill(email)
        await this.page.waitForTimeout(1000)
    }

    async fillPassword(password: string): Promise<void>{
        await this.passwordInput.fill(password)
        await this.page.waitForTimeout(1000)

        await this.passwordInput.fill(password)
        await this.page.waitForTimeout(1000)
    }

    async clickLoginButton(): Promise<void>{
        await this.loginButton.click()
        await this.page.waitForTimeout(3000)

        await this.loginButton.click()
        await this.page.waitForTimeout(3000)
    }

   async clickUserMenu(): Promise<void> {
  await this.page.waitForLoadState('domcontentloaded');

  if (await this.userProfile.isVisible().catch(() => false)) {
    await this.userProfile.click();
  } else {


  await dropdown.waitFor({ state: 'visible', timeout: 8000 });
}

    await this.clickUserMenu();
    await this.userProfileBtn.waitFor({ state: 'visible', timeout: 6000 });
    await this.userProfileBtn.click();

    await this.userProfileBtn.waitFor({ state: 'visible', timeout: 6000 });
    await this.userProfileBtn.click();
  }

    async showProfile(): Promise<void> {
        await this.profile.waitFor({state: 'visible', timeout: 6000})
        await this.profile.click()

        await this.profile.waitFor({state: 'visible', timeout: 6000})
        await this.profile.click()
        await this.page.waitForTimeout(3000)

        await this.profile.click()
        await this.page.waitForTimeout(3000)
    }

        if (data.email !== null && data.email !== undefined) {
            await this.email.fill(data.email)
            await this.page.waitForTimeout(1000)

            await this.email.fill(data.email)
            await this.page.waitForTimeout(1000)
        }

        if (data.fullname !== null && data.fullname !== undefined) {
            await this.fullname.fill(data.fullname)
            await this.page.waitForTimeout(1000)

            await this.fullname.fill(data.fullname)
            await this.page.waitForTimeout(1000)
        }

        if (data.phone !== null && data.phone !== undefined) {
            await this.phone.fill(data.phone)
            await this.page.waitForTimeout(1000)

            await this.phone.fill(data.phone)
            await this.page.waitForTimeout(1000)
        }

        if (data.dateOfBirth !== null && data.dateOfBirth !== undefined) {
            await this.dateOfBirth.click()
            await this.dateOfBirth.fill(data.dateOfBirth)

            await this.dateOfBirth.click()
            await this.dateOfBirth.fill(data.dateOfBirth)
            await this.page.keyboard.press('Enter');

            await this.dateOfBirth.fill(data.dateOfBirth)
            await this.page.keyboard.press('Enter');
            await this.page.waitForTimeout(1000)

            await this.page.keyboard.press('Enter');
            await this.page.waitForTimeout(1000)
        }

    async clickUpdateBtn(): Promise<void> {
        await this.updateBtn.waitFor({state: 'visible', timeout: 2000})
        await this.updateBtn.click()

        await this.updateBtn.waitFor({state: 'visible', timeout: 2000})
        await this.updateBtn.click()
        await this.page.waitForTimeout(3000)

        await this.updateBtn.click()
        await this.page.waitForTimeout(3000)
    }

        if(await locator.isVisible()) {
            await locator.waitFor({state: 'visible', timeout: 2000})
            await locator.highlight()

            await locator.highlight() 
            await locator.evaluate(element => {
                element.style.border = '4px solid red';

        }
        await this.page.waitForTimeout(2000)
    }

        if(await locator.isVisible()) {
            await locator.waitFor({state: 'visible', timeout: 2000})
            await locator.highlight()

            await locator.highlight() 
            await locator.evaluate(element => {
                element.style.border = '4px solid red';

        }
        await this.page.waitForTimeout(2000)
    }

        if(await locator.isVisible()) {
            await locator.waitFor({state: 'visible', timeout: 2000})
            await locator.highlight()

            await locator.highlight() 
            await locator.evaluate(element => {
                element.style.border = '4px solid red';

        }
        await this.page.waitForTimeout(2000)
    }

        if(await locator.isVisible()) {
            await locator.waitFor({state: 'visible', timeout: 2000})
            await locator.highlight()

            await locator.highlight() 
            await locator.evaluate(element => {
                element.style.border = '4px solid red';

        }
        await this.page.waitForTimeout(2000)
    }

        if(await locator.isVisible()) {
            await locator.waitFor({state: 'visible', timeout: 2000})
            await locator.highlight()

            await locator.highlight() 
            await locator.evaluate(element => {
                element.style.border = '4px solid red';

        }
        await this.page.waitForTimeout(2000)
    }


        expect(userProfile.emailError).toBeVisible()
        expect(userProfile.fullnameError).toBeVisible()

        expect(userProfile.emailError).toBeVisible()
        expect(userProfile.fullnameError).toBeVisible()
        expect(userProfile.phoneError).toBeVisible()

        expect(userProfile.fullnameError).toBeVisible()
        expect(userProfile.phoneError).toBeVisible()
        expect(userProfile.dateOfBirth).toBeVisible()

        expect(userProfile.phoneError).toBeVisible()
        expect(userProfile.dateOfBirth).toBeVisible()
        expect(userProfile.gender).toBeVisible()

        expect(userProfile.dateOfBirth).toBeVisible()
        expect(userProfile.gender).toBeVisible()

Created by Rodrigo Odhin

check Fixture "browser"0h 0m 0s 522ms

check Launch browser0h 0m 0s 514ms

check Fixture "context"0h 0m 0s 33ms

check Create context0h 0m 0s 28ms

check Fixture "page"0h 0m 1s 66ms

check Create page0h 0m 1s 62ms

check Fixture "page"0h 0m 0s 0ms

check Fixture "context"0h 0m 0s 258ms

check Close context0h 0m 0s 20ms

check Fixture "browser"0h 0m 0s 515ms

check Launch browser0h 0m 0s 507ms

check Fixture "context"0h 0m 0s 62ms

check Create context0h 0m 0s 56ms

check Fixture "page"0h 0m 1s 125ms

check Create page0h 0m 1s 122ms

check Fixture "page"0h 0m 0s 0ms

check Fixture "context"0h 0m 0s 326ms

check Close context0h 0m 0s 31ms

check Fixture "browser"0h 0m 0s 458ms

check Launch browser0h 0m 0s 447ms

check Fixture "context"0h 0m 0s 96ms

check Create context0h 0m 0s 91ms

check Fixture "page"0h 0m 1s 238ms

check Create page0h 0m 1s 234ms

check Fixture "page"0h 0m 0s 0ms

check Fixture "context"0h 0m 0s 332ms